$hightlight-color :#f90;
$border-color     : 3px solid red;

// scss有块级作用域 大括号里面的变量外面访问不到
#app {
    background-color: $hightlight-color;
    border          : $border-color;
}

// 嵌套语法
#content {
    article {
        h1 {
            color: #ccc
        }

        p {
            font-style: italic;
            a {
                color: red;
                // &代表父选择器
                &:hover{color: blue;}
            }
        }
    }

}